$ratio: 375 / 10;
// 定义一个 px 转 rem 的方法
@function px2rem($px) {
    @return $px / $ratio + rem;
}

// 水平 垂直居中显示
@mixin center {
    display: flex;
    justify-content: center;
    align-items: center;
}
// 左对齐
@mixin left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
// 右对齐
@mixin right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
// 一行显示 多余的用省略代替溢出隐藏
@mixin ellipsis {
    text-overflow: ellipsis;// 省略号
    overflow: hidden;
    white-space: nowrap; // 不换行
}

@mixin ellipsis2($line) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $line;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}